<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>报表演示</title>
</head>
<body>
<div id="chart" style="width: 400px;height: 400px;">

</div>
</body>
<script src="../../../assets/global/plugins/jquery.min.js"></script>
<script src="../../../assets/global/plugins/echarts/echarts.js"></script>
<script>
    var dom=$('#chart').get(0);  // 1.找到dom容器---原生dom对象
    var chart = echarts.init(dom); // 2. 把dom初始化成echarts

   var option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar' // line - bar  --  pie
        }]
    }; // 3. 编写optionn
    chart.setOption(option); // 4.设置option
</script>
</html>